<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3705456_8uqjktobqvb.css">
    <style>
        
    </style>
</head>                         
<body>
    <div class="box">
        <header>
            <div class="nav">
                <div class="imgbox">
                    <img src="./images/二级导航栏.jpg" alt="">
                </div>
                <ul>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                    <li>
                         <a href="#">集团简介</a>
                         <div class="menubox">
                            <ul>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                                <li>集团简介</li>
                            </ul>
                         </div>
                    </li>
                </ul>
            </div>
            <div class="bgimg">
                <div class="txt">
                    <div class="span">
                        <span>我的位置</span>
                        <span>首页</span>
                    </div>
                    <div class="text">
                        <h1>株洲小巨蛋</h1>
                        <p>ZHUZHOU FASHION CENTER</p>
                        <h3>打造"中国(国际)名牌服饰展贸中心"</h3>
                        <video controls>
                            <source src="./二十大.mp4.crdownload" type="video/mp4">
                            <source src="./二十大.webm.crdownload" type="video.webm">
                        </video>
                        <div class="button">
                            <button>点击查看</button>
                            <button>
                                <span>分享一下</span>
                                <i class="iconfont icon-fenxiang test"></i>
                            </button>   
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <main>
            <header>
                <div class="head">
                    <!-- <div class="shape"></div> -->
                    <div class="newspan">
                        <span>news</span>
                        <span></span>
                        <span>在1815线上，将有一座标志性建筑即将拔地而起，这就是被誉为芦淞服饰之窗的服饰演艺发布中心，也就是“株洲小巨蛋”。 ——2013.7.11至2012.7.20</span>
                    </div>
                    <!-- <div class="shape"></div> -->
                </div>
                <div class="title">
                    <div class="titlebox">
                        <div class="img">
                            <img src="./images/2.png" alt="">
                        </div>
                        <div class="textbox">
                            <h2>株洲小巨蛋官方微信</h2>
                            <p>赶快打开微信扫一扫，添加株洲小巨蛋官方微信，天天有好礼</p>
                        </div>                    
                    </div>
                    <div class="titlebox">
                        <div class="img">
                            <img src="./images/3.png" alt="">
                        </div>
                        <div class="textbox">
                            <h2>城市新地标 "小巨蛋"</h2>
                            <p>“台北小巨蛋”因造型独特而闻名。如今，株洲也将建设美轮美奂的“小巨蛋”，打造城市新地标  <p>
                        </div>                    
                    </div>
                    <div class="titlebox">
                        <div class="img">
                            <img src="./images/4.png" alt="">
                        </div>
                        <div class="textbox">
                            <h2>株洲小巨蛋-欢迎您的加入</h2>
                            <p>“株洲小巨蛋”还将引进一流演艺团队，成为国内一流的大型服饰发布会、订货会等专业场地<p>
                        </div>                    
                    </div>
                </div>
            </header>
            <main class="mainbox">
                <h1>项目概况</h1>
                <div class="flexbox">
                    <div class="left">
                        <img src="./images/10.png" alt="">
                    </div>
                    <div class="right">
                        <h3>项目地址 : 湖南株洲芦淞区枫溪大道东侧</h3>
                        <p>投资商：广州汇美集团</p>
                        <p>开发商：株洲市汇美房地产开发有限公司</p>
                        <p>招商热线：0731-22509009或25882589 </p>
                        <div class="btnbox">
                            <button>了解更多信息</button>
                            <button>
                                <span>分享一下</span>
                                <i class="iconfont icon-fenxiang test"></i>
                            </button>
                    </div>
                </div>
                </div>
                
            </main>
            <footer>
                <h1>关注我们</h1>
                <div class="footbox">
                    <div class="foot">
                    <div class="footflex">
                        <div class="footimg">
                            <img src="./images/5.png" alt="">
                        </div>
                        <div class="foottext">
                            <p>株洲小巨蛋</p>
                            <p>
                                <i class="iconfont icon-weibo test"></i>
                                <span>加关注</span>
                            </p>
                        </div>
                    </div>
                    <div class="footflex">
                        <div class="footimg">
                            <img src="./images/5.png" alt="">
                        </div>
                        <div class="foottext">
                            <p>株洲小巨蛋</p>
                            <p>
                                <i class="iconfont icon-weibo test"></i>
                                <span>加关注</span>
                            </p>
                        </div>
                    </div>
                    <div class="footflex">
                        <div class="footimg">
                            <img src="./images/5.png" alt="">
                        </div>
                        <div class="foottext">
                            <p>株洲小巨蛋</p>
                            <p>
                                <i class="iconfont icon-weibo test"></i>
                                <span>加关注</span>
                            </p>
                        </div>
                    </div>
                    <div class="foot">
                     <div class="footflex">
                        <div class="footimg">
                            <img src="./images/5.png" alt="">
                        </div>
                        <div class="foottext">
                            <p>株洲小巨蛋</p>
                            <p>
                                <i class="iconfont icon-weibo test"></i>
                                <span>加关注</span>
                            </p>
                        </div>
                     </div>
                     <div class="footflex">
                        <div class="footimg">
                            <img src="./images/5.png" alt="">
                        </div>
                        <div class="foottext">
                            <p>株洲小巨蛋</p>
                            <p>
                                <i class="iconfont icon-weibo test"></i>
                                <span>加关注</span>
                            </p>
                        </div>
                     </div>
                    </div>
                </div>  
                </div>             
            </footer>
        </main>
        <footer></footer>
    </div>
</body>
</html>